<template>
  <el-dialog
    top="30px"
    width="80%"
    title="还款记录"
    class="dialog-sm"
    append-to-body
    :visible.sync="visible"
    :close-on-click-modal="false"
    :before-close="beforeClose"
  >
    <after-repay-editor :related-id="relatedId"></after-repay-editor>
  </el-dialog>
</template>

<script>
import AfterRepayEditor from '@/credit/views/city/task/AfterRepayEditor'

export default {
  components: {
    AfterRepayEditor,
  },
  props: {
    visible: Boolean,
    relatedId: String,
  },
  data: () => ({}),
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>

<style lang="scss" scoped></style>
